<template>
  <h1>El-图标组件</h1>

  <div>
    <el-button :icon="Search" circle />
    <el-button type="primary" :icon="Edit" circle />
    <el-button type="success" :icon="Check" circle />
    <el-button type="info" :icon="Message" circle />
    <el-button type="warning" :icon="Star" circle />
    <el-button type="danger" :icon="Delete" circle />
  </div>
  <el-icon ><Setting/> </el-icon>
  <el-icon size="50px" color="#0aaied"><Delete/></el-icon>
  <el-icon><Refresh /></el-icon>
</template>

<script setup>

import {Check, Delete, Edit, Message, Search, Star} from "@element-plus/icons-vue";
</script>

<style scoped>

</style>